<template>
	<view class="content">
		<image src="../../static/imgs/mine/vip-card.png" class="vip-card"></image>
		<view class="vip-header">目前处于全阶段课程限免阶段</view>
		<image src="../../static/imgs/mine/vip-btn.png" class="vip-btn"></image>
		<view class="vip-title">会员须知</view>
		<view class="vip-tips bold">1. 会员服务内容：</view>
		<view class="vip-tips">
			支持无限制地参与我们平台上的所有付费课程，并享受完整版的视频教程资源。可根据个人学习需求，随时自由选择开展学习，并按照自己的节奏进行学习。定期推出独家会员优惠，包括特价课程、免费资源等。</view>
		<view class="vip-tips bold"> 2. 会员服务费用：</view>
		<view class="vip-tips"> 我们为您提供灵活的会员费用选择，可根据个人需求选择不同的会员套餐。具体费用可在购买页面中查看。</view>
		<view class="vip-tips bold"> 3. 会员服务期限：</view>
		<view class="vip-tips"> 会员服务的起始时间为您完成购买并支付成功的时刻。会员服务期限为您购买的具体会员套餐所列明的时间长度。</view>
		<view class="vip-tips bold"> 4. 退款政策：</view>
		<view class="vip-tips">
			对于已购买的会员服务，属于虚拟产品，在任何情况下，我们不接受退款申请，请您在购买前进行确认。
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.content {
		width: 100%;
		min-height: 100vh;
		background-color: #401F00;
		display: flex;
		flex-direction: column;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);

		.vip-card {
			width: 100%;
			height: 616rpx;
		}

		.vip-header {
			text-align: center;
			font-size: 32rpx;
			font-weight: 400;
			color: #C07F40;
			line-height: 46rpx;
			margin-top: 50rpx;
		}

		.vip-btn {
			width: 690rpx;
			height: 88rpx;
			margin: 20rpx auto;
		}
		.bold{
			font-weight: bold;
		}
		.vip-title {
			font-size: 28rpx;
			font-weight: bold;
			color: #C07F40;
			line-height: 40rpx;
			padding: 40rpx 0 10rpx 30rpx;
		}

		.vip-tips {
			padding: 0 30rpx;
			font-size: 24rpx;
			color: #C07F40;
			line-height: 50rpx;
		}
		.vip-tips:nth-child(2n){
			text-indent: 1em;
		}
	}
</style>